.color-text{
	color:#858384;
}
.color-text1{
	color:#ff9c10;
	padding-bottom:10px;
}
.color-text2{
	color:#ff9c10;
	font-size:12px;
	
}
.border-bottom{
	background-color:#0397d5;
	height:5px;
	width:100%;	
	margin-top:-10px;
}
.help-inline{
	color:red;
	
}
.IdContent{
	    background: url('../img/bg.jpg') no-repeat top center;    
	    min-height: 690px;
	    background-size: 100% 100%;
	    position: relative;	   
	    min-width:960px;
	   
	}
.rig-conten{
	position: absolute;
	height: 100%;
	right: 0px;
}
.TopContent{
	padding-top:40px;
	padding-left:0px;
}
.BottomContent{
	position: absolute;
	bottom: 20px;
	left: 250px;
	
}
.text-1{
padding:0px;
margin:0px;
color:#1199d3;
font-size: 20px;
}
.text-2{
	padding:0px;
	margin:0px; 
	font-size:30px;
}
.text-3{
	padding:0px;
	margin:0px; 
	color:#ff9b0f;
	font-size:25px;
}
/* page home*/
/*
iPhone 320x480
*/
@media all and (max-width: 480px) and (min-width:320px){
	#container{			
		overflow: hidden;
		min-width:580px;
	}
	.home{
		background:url('../img/left-2.jpg') no-repeat left top;
		height:690px;
		margin-top:-20px;
	}
	#min-min{
		padding-left:70px;
	}
	.IdContent{
	    background: url('../img/bg.jpg') no-repeat top center;    
	    min-height: 690px;
	    background-size: auto 50%;
	    position: relative;	 
	    min-width:400px;
	    max-width: 480px;
	}
	.rig-conten{
		position: absolute;
		height: 100%;
		right: 0px;
	}
	.TopContent{
		padding-top:10px;
		padding-left:0px;
	}
	.BottomContent{
		position: absolute;
		bottom: 345px;
		left: 68px;
	}
	.text-1{
		padding:0px;
		margin:0px;
		color:#1199d3;
		font-size: 15px;
	}
	.text-2{
		padding:0px;
		margin:0px; 
		font-size:20px;
	}
	.text-3{
		padding:0px;
		margin:0px; 
		color:#ff9b0f;
	}
}
/*
iPhone 4 640x960
*/
@media all and (max-width: 640px) and (min-width:550px){
	#container{			
		overflow: hidden;
		min-width:580px;
	}
	.home{
		background:url('../img/left-2.jpg') no-repeat left top;
		height:690px;
		margin-top:-20px;
	}
	
	.IdContent{
	    background: url('../img/bg.jpg') no-repeat top center;    
	    min-height: 690px;
	    background-size: auto 70%;
	    position: relative;
	    
	    min-width:550px;
	    max-width: 640px;
	}
	.rig-conten{
		position: absolute;
		height: 100%;
		right: 0px;
	}
	.TopContent{
		padding-top:20px;
		padding-left:0px;
	}
	.BottomContent{
		position: absolute;
		bottom: 220px;
		left: 110px;
	}
	.text-1{
		padding:0px;
		margin:0px;
		color:#1199d3;
		font-size: 16px;
	}
	.text-2{
		padding:0px;
		margin:0px; 
		font-size:25px;
	}
	.text-3{
		padding:0px;
		margin:0px; 
		color:#ff9b0f;
		font-size:20px;
	}
}



@media all and (max-width: 960px) and (min-width:640px){
	#container{
		min-width:640px;		
		overflow: hidden;
	}
	.home{
		background:url('../img/left-2.jpg') no-repeat left top;
		height:690px;
		margin-top:-20px;
	}

	.IdContent{
	    background: url('../img/bg.jpg') no-repeat top center;    
	    min-height: 690px;
	    background-size: auto 100%;
	    position: relative;
	  
	    min-width:640px;
	    max-width: 960px;
	}
	.rig-conten{
		position: absolute;
		height: 100%;
		right: 0px;
	}
	.TopContent{
		padding-top:40px;
		padding-left: 0px;
	}
	.BottomContent{
		position: absolute;
		bottom: 20px;
		left: 225px;
		
	}
	.text-1{
		padding:0px;
		margin:0px;
		color:#1199d3;
		font-size: 20px;
	}
	.text-2{
		padding:0px;
		margin:0px; 
		font-size:30px;
	}
	.text-3{
		padding:0px;
		margin:0px; 
		color:#ff9b0f;
		font-size:25px;
	}
}
		/*----end iPhone 4--*/


@media all and (max-width: 1136px) and (min-width:960px){
	#container{
		min-width:960px;		
		overflow: hidden;
		
	}
	.home{
		background:url('../img/left-2.jpg') no-repeat left top;
		height:690px;
		margin-top:-20px;
		
	}
	.IdContent{
	    background: url('../img/bg.jpg') no-repeat top center;    
	    min-height: 690px;
	    background-size: 100% 100%;
	    position: relative;	   
	    min-width:960px;
	    max-width: 1136px;
	}
	.rig-conten{
		position: absolute;
		height: 100%;
		right: 0px;
	}
	.TopContent{
		padding-top:40px;
		padding-left: 0px
	}
	.BottomContent{
		position: absolute;
		bottom: 20px;
		left: 250px;
		
	}
	.text-1{
		padding:0px;
		margin:0px;
		color:#1199d3;
		font-size: 20px;
	}
	.text-2{
		padding:0px;
		margin:0px; 
		font-size:30px;
	}
	.text-3{
		padding:0px;
		margin:0px; 
		color:#ff9b0f;
		font-size:25px;
	}

}
/*----end iPhone 5--*/

@media all and (max-width: 2048px) and (min-width:1536px){
	#container{
		max-width:2048px;		
		overflow: hidden;
		
	}
	.home{
		background:url('../img/left-2.jpg') no-repeat left top;
		height:690px;
		margin-top:-20px;
	}
	.IdContent{
	    background: url('../img/bg.jpg') no-repeat top center;    
	    min-height: 690px;
	    background-size: 100% 100%;
	    position: relative;
	 
	    min-width:960px;
	    max-width: 1136px;
	}
	.rig-conten{
		position: absolute;
		height: 100%;
		right: 0px;
	}
	.TopContent{
		padding-top:40px;
		padding-left: 0px;
	}
	.BottomContent{
		position: absolute;
		bottom: 20px;
		left: 250px;
		
	}
	.text-1{
		padding:0px;
		margin:0px;
		color:#1199d3;
		font-size: 20px;
	}
	.text-2{
		padding:0px;
		margin:0px; 
		font-size:30px;
	}
	.text-3{
		padding:0px;
		margin:0px; 
		color:#ff9b0f;
		font-size:25px;
	}
}





/*----end iPad--*/
/*------------------- end iPhone ---------------------------- */
/*----------- end page home ----------------- */

/* page contests*/ 	
	
/*
iPhone 320x480
*/
@media all and (max-width: 480px) and (min-width:320px){
	.container{
		max-width:480px;
		overflow: hidden;
	}
	.contests{
		background:url('../img/bg1.jpg') no-repeat  center 200px ;
		background-size:100%;		
		min-height:690px;
		
	}
	
	.data-contensts{
		margin: 22px 50px 0px;	
		
	}
	.contenst-title{
	}
	.title-question{
		padding-top:10px;
		color:#000000;
	}
	.content-question{
	}
	.question-data ul{
		padding-top:10px;
	}
	.question-data ul li{
		width:100%;
		background: none repeat scroll 0 0 #418bca;
    	color:#fff;
    	display: block;
		margin-bottom: 5px;
		padding: 5px 0px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		
	}
	.question-data ul li input{
		padding-left:15px;
	}

}
@media all and (max-width: 550px)  and (min-width:480px){
	.container{
		max-width:480px;
		overflow: hidden;
	}
	.contests{
		background:url('../img/bg1.jpg') no-repeat  center 100px ;
		background-size:100%;		
		min-height:690px;
		
	}
	
	.data-contensts{
		margin: 22px 50px 0px;	
		
	}
	.contenst-title{
	}
	.title-question{
		padding-top:10px;
		color:#959595;
	}
	.content-question{
	}
	.question-data ul{
		padding-top:10px;
	}
	.question-data ul li{
		width:100%;
		background: none repeat scroll 0 0 #418bca;
    	color:#fff;
    	display: block;
		margin-bottom: 5px;
		padding: 5px 0px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		
	}
	.question-data ul li input{
		padding-left:15px;
	}
}
@media all and (max-width: 640px)  and (min-width:550px){
	.container{
		max-width:640px;			
		overflow: hidden;
	}
	.contests{
		background:url('../img/bg1.jpg') no-repeat  center 0px ;
		background-size:100%;		
		min-height:690px;
		
	}
	
	.data-contensts{
		margin: 22px 50px 0px;	
		
	}
	.contenst-title{
	}
	.title-question{
		padding-top:10px;
		color:#959595;
		
	}
	.content-question{
	}
	.question-data ul{
		padding-top:10px;
	}
	.question-data ul li{
		width:100%;
		background: none repeat scroll 0 0 #418bca;
    	color:#fff;
    	display: block;
		margin-bottom: 5px;
		padding: 5px 0px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		
	}
	.question-data ul li input{
		padding-left:15px;
	}
}

@media all and (max-width: 960px) and (min-width:640px){
	.container{
		max-width:960px;			
		overflow: hidden;
	}
	.contests{
		background:url('../img/bg1.jpg') no-repeat  center top ;
		background-size:100%;		
		min-height:690px;
		
	}
	
	.data-contensts{
		margin: 40px 50px 0px;	
		
	}
	.contenst-title{
	}
	.title-question{
		padding-top:10px;
		color:#959595;
	}
	.content-question{
	}
	.question-data ul{
		padding-top:10px;
	}
	.border-bottom{
		margin:20px 0px !important ;
	}
	.question-data ul li{
		width:100%;
		background: none repeat scroll 0 0 #418bca;
    	color:#fff;
    	display: block;
		margin: 15px 1%;
		padding: 5px 0px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		 display: block;
		 float: left;
		
	}
	
}
@media all and (max-width: 1136px) and (min-width:960px){
	.container{
		width:960px;			
		overflow: hidden;
	}
	.contests{
		background:url('../img/bg1.jpg') no-repeat center 0px;
		background-size:100%;		
		min-height:690px;
		
	}
	
	.data-contensts{
		margin: 50px 50px 0px;	
		
	}
	.contenst-title{
	}
	.title-question{
		padding-top:10px;
		color:#959595;
	}
	.content-question{
	}
	.question-data ul{
		padding-top:10px;
		padding-left:40px;
	}
	.border-bottom{
		margin:20px 0px !important ;
	}
	.border-bottom{
		margin:20px 0px !important ;
	}
	.question-data ul li{
		width:85%;
		background: none repeat scroll 0 0 #418bca;
    	color:#fff;
    	display: block;
		margin: 15px 1%;
		padding: 5px 0px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		 display: block;
		 float: left;
		
	}

}

@media all and (max-width: 2048px) and (min-width:1536px){
	.container{
		max-width:2048px;			
		overflow: hidden;
	}
	.contests{
		background:url('../img/bg1.jpg') no-repeat top center ;
		background-size:100%;		
		min-height:690px;
		
	}
	
	.data-contensts{
		margin: 70px 50px 0px;	
		
	}
	.contenst-title{
	}
	.title-question{
		padding-top:10px;
		color:#959595;
	}
	.content-question{
	}
	.question-data ul{
		padding-top:10px;
	}
	.question-data ul li{
		width:100%;
		background: none repeat scroll 0 0 #418bca;
    	color:#fff;
    	display: block;
		margin: 15px 1%;
		padding: 5px 0px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		 display: block;
		 float: left;
		
	}
	.border-bottom{
		margin:20px 0px !important ;
	}
}

 .form-signin {
    margin: 0 auto;
    max-width: 400px;
    
}
.help-inline{
    font-size: 12px;
}

.contests-new{
    background:url('../img/leftn.jpg') no-repeat left top;    
    background-size: auto 100%;
    min-height: 690px;

}
.level1{
	padding-top: 20px;
	float: left;
	margin: 0px;
	width: 100%;
}
.title-question-bottom{	
	width: 139px;
	height: 23px;	
	background: url("../img/arr.png") no-repeat center bottom ;
	position: relative;
    top: -11px;
}
.show-question{
	padding:0px;
	margin:0px;
	color:#297bc3;
	font-weight:bold;
	font-size:18px;
}

